export default function createElement(vnode) {
  // 创建新的 dom
  const domNode = document.createElement(vnode.sel);
  if (
    (vnode.text !== "" || vnode.text !== undefined) &&
    (vnode.children === undefined || vnode.children.length === 0)
  ) {
    /* 有text但是没有children -- 文本上树 */
    domNode.innerText = vnode.text;
  } else if (Array.isArray(vnode.children) && vnode.children.length) {
    /* 子元素递归上树 */
    vnode.children.forEach((node) => {
      // 追加子元素
      domNode.appendChild(createElement(node));
    });
  } else if (vnode.children && vnode.children.sel) {
    /* 子元素直接是 h 函数生成的渲染对象 */
    // 追加子元素
    domNode.appendChild(createElement(vnode.children));
  }
  // 将 dom 返回给 vnode 对象
  vnode.elm = domNode;

  return vnode.elm;
}
